<template>
  <div class="registerContainer">
    <el-card class="register-card">
      <h2 class="register-card-title">校园二手交易管理系统</h2>
      <RegisterView></RegisterView>
    </el-card>
  </div>
</template>

<script>
import RegisterView from "@/components/registerView.vue";

export default {
  components: {
    RegisterView,
  },
};
</script>

<style lang="less" scoped>
::v-deep(.el-card) {
  width: 480px;
  height: 350px;
  padding: 0;
}
.registerContainer {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
  .register-card {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    &-title {
      text-align: center;
      font-size: 22px;
      color: #000;
      margin-bottom: 28px;
    }
  }
}
</style>